/* 公共样式 */
@font-face {
    font-family: 'iconfont';
    src: url('../assets/iconfont/iconfont.eot');
    src: url('../assets/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../assets/iconfont/iconfont.woff2') format('woff2'),
        url('../assets/iconfont/iconfont.woff') format('woff'),
        url('../assets/iconfont/iconfont.ttf') format('truetype'),
        url('../assets/iconfont/iconfont.svg#iconfont') format('svg');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  * { touch-action: manipulation }
body{
    background: #fff;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
input[type=button],input[type=text]{
    border:0;
    margin: 0;
    padding: 0;
}
img{
    width: 100%;
    display: block;
}
a{
    color: #000;
}
.mui-content{
    background: #fff;
    padding: 10px;
}
.my-header{
    background: #069;
}
.my-header h1{
    color: #fff;
}
.my-header .mui-icon{
    color: #fff;
}
/* 底部导航栏 */
.my-footer{
    background: #069;
}
.my-footer .mui-tab-item{
    color: #fff;
}
.my-footer .mui-active.mui-tab-item {
    color: darkorange;
}
/* 导航链接 */
.nav-link{
    margin: 10px 0;
}
.nav-link a{
    width: 33.333%;
    float: left;
}
/* 品牌专区 */
.brand ul{
    padding: 10px 0;
}
.brand li{
    width: 25%;
    float: left;
}
/* 生活专区 */
.product{
    margin: 10px 0;
}
.product li{
    width: 50%;
    float: left;
    padding: 5px;
}
.product li a{
    display: block;
    padding: 5px;
    box-shadow: 0 0 5px #ccc;
}
.product .name{
    display: block;
    color: #8f8f94;
    font-size: 16px;
    padding: 5px;
    line-height: 20px;
    height: 45px;
    overflow: hidden;
}
.product li p span:first-child{
    color: #f20;
    font-size: 16px;
}
.product .buy-now{
    display: block;
    width: 80px;
    height: 30px;
    font-size: 14px;
    background: #069;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto 5px;
}